<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vn" lang="vn">
<head>
	<title><?php echo $v_title;?></title>
	<meta name="keyword" content=""/>
	<meta name="descsription" content=""/>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
	<script type="text/javascript" src="<?php echo URL; ?>lib/js/head.min.js" ></script>
	<script>
		head.js(
			{ jquery : "<?php echo URL; ?>lib/js/jquery.js" },
			{ functions : "<?php echo URL; ?>lib/js/function.js" },
			{ mousewheel : "<?php echo URL; ?>lib/js/jquery.mousewheel.js" },
			{ jScrollPane : "<?php echo URL; ?>lib/js/jquery.jscrollpane.min.js" },
			{ jFancybox : "<?php echo URL; ?>lib/js/jFancybox/jquery.fancybox-1.3.4.js" },
			{ humane : "<?php echo URL; ?>lib/js/humane/humane.min.js" },
			{ jqueryui : "<?php echo URL; ?>lib/js/jqueryui/js/jquery-ui-1.8.18.custom.min.js" },
			{ jqueryuitimepicker : "<?php echo URL; ?>lib/js/jqueryui/js/jquery-ui-timepicker-addon.js" },
			{ jcarousel : "<?php echo URL; ?>lib/js/jcarousel/jcarousel.min.js" },
			{ jcarouselFredSel : "<?php echo URL; ?>lib/js/jquery.carouFredSel.js" }
		);
	</script>
	<?php if ($page == 'map') { ?>
		<script type="text/javascript"
	      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDb-QaiMMi7s78uJ_EBI4kfN-p8Txc0Pn0&sensor=false">
	    </script>
	<?php } ?>
	<link rel="stylesheet" href="<?php echo URL; ?>lib/css/common.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/css/style.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/css/menu.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/css/slider.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/css/jquery.ad-gallery.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/css/jcarousel.css" type="text/css" />        
	<link rel="stylesheet" href="<?php echo URL; ?>lib/css/jquery.jscrollpane.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/css/validationEngine.jquery.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/qaptcha/js/QapTcha.jquery.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/js/countdown/style.css" type="text/css" />
	<!--[if IE]><link href="<?php echo URL; ?>lib/js/countdown/style.ie.css" type="text/css" /><![endif]--> 
	<link rel="stylesheet" href="<?php echo URL; ?>lib/js/totop/css/ui.totop.css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/js/jFancybox/jquery.fancybox-1.3.4.css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/js/humane/libnotify.css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/js/jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/js/uploadify/uploadify.css" />
	<link rel="stylesheet" href="<?php echo URL; ?>lib/js/jcarousel/skin.css" />
	
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-31354477-1']);
	  _gaq.push(['_trackPageview']);

	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>
</head>
	<body id="bd">
		<div class="gr_br_title">
			<div align="center" style="padding: 10px 0px;">
				<?php 
					$display_info = false;
					if ( $user_id ){
						$arr_couple_info = getCoupleInfo($user_id);
						if ($arr_couple_info){
							extract($arr_couple_info);
							$display_info = true;
						}
					}
				?>
				<span class="couple_name"><?php echo $groom_name ?></span>
				<img src="<?php echo URL;?>lib/images/and.png" style="vertical-align:bottom">
				<span class="couple_name"><?php echo $bride_name ?></span><br/>
				<span class="wedding_date"><?php if ($wedding_date) echo displayWeddingDate($wedding_date) ?></span>	
			</div>
		</div>
		
		<div id="user_menu">
					<!--
					<div class="left" style="padding-left:10px"><img src="<?php echo URL?>lib/images/wedding.png"></div>
					-->
					<!--<div class="left"> -->
						<ul class="user_menu">
							<li>
								
							</li>
							<li <?php if (strpos($_SERVER['REQUEST_URI'], $user_name) !== false)
								echo ' class="active" '; ?>>
								<a href="<?php echo URL.$user_name; ?>">
									<span class="menu_shadow"><?php echo _LB_HOME_PAGE;?></span>
									<span class="menu_title"><?php echo _LB_HOME_PAGE;?></span>
								</a>
							</li>
							<li <?php if (strpos($_SERVER['REQUEST_URI'], $user_name.'/album'._LB_REWRITE_URL) !== false)
								echo ' class="active" '; ?>>
								<a href="<?php echo URL.$user_name.'/album'._LB_REWRITE_URL; ?>">
									<span class="menu_shadow"><?php echo _LB_ALBUM_PAGE;?></span>
									<span class="menu_title"><?php echo _LB_ALBUM_PAGE;?></span>
								</a>
							</li>
							<?php if (1 == 0 ){	?>
							<li <?php if (strpos($_SERVER['REQUEST_URI'], $user_name.'/news'._LB_REWRITE_URL) !== false)
								echo ' class="active" '; ?>>
								<a href="<?php echo URL.$user_name.'/news'._LB_REWRITE_URL; ?>">
									<span class="menu_shadow"><?php echo _LB_NEWS_PAGE;?></span>
									<span class="menu_title"><?php echo _LB_NEWS_PAGE;?></span>
								</a>
							</li>
							<?php }	?>
							<li <?php if (strpos($_SERVER['REQUEST_URI'], $user_name.'/diary'._LB_REWRITE_URL) !== false)
								echo ' class="active" '; ?>>
								<a href="<?php echo URL.$user_name.'/diary'._LB_REWRITE_URL; ?>">
									<span class="menu_shadow"><?php echo _LB_DIARY_PAGE;?></span>
									<span class="menu_title"><?php echo _LB_DIARY_PAGE;?></span>
								</a>
							</li>
							<li <?php if (strpos($_SERVER['REQUEST_URI'], $user_name.'/event'._LB_REWRITE_URL) !== false)
								echo ' class="active" '; ?>>
								<a href="<?php echo URL.$user_name.'/event'._LB_REWRITE_URL; ?>">
									<span class="menu_shadow"><?php echo _LB_EVENT_PAGE;?></span>
									<span class="menu_title"><?php echo _LB_EVENT_PAGE;?></span>
								</a>
							</li>
							<li <?php if (strpos($_SERVER['REQUEST_URI'], $user_name.'/map'._LB_REWRITE_URL) !== false)
								echo ' class="active" '; ?>>
								<a href="<?php echo URL.$user_name.'/map'._LB_REWRITE_URL; ?>">
									<span class="menu_shadow"><?php echo _LB_MAP_PAGE;?></span>
									<span class="menu_title"><?php echo _LB_MAP_PAGE;?></span>
								</a>
							</li>
						</ul>
						<!--
						<div align="center">
							<?php 
								$display_info = false;
								if ( $user_id ){
									$arr_couple_info = getCoupleInfo($user_id);
									if ($arr_couple_info){
										extract($arr_couple_info);
										$display_info = true;
									}
								}
							?>
							<span class="couple_name"><?php echo $groom_name ?></span>
							<img src="<?php echo URL;?>lib/images/hearts.png">
							<span class="couple_name"><?php echo $bride_name ?></span><br/>
							<span class="wedding_date"><?php echo displayWeddingDate($wedding_date) ?></span>	
						</div>
						-->
					<!-- </div> -->
					<div class="clear"></div>
					<script type="text/javascript">
						head.ready(function() {
							$('.menu_title').animate({opacity : 0});

							$('.user_menu li a').hover(
								function(){ 
									//$(this).stop().animate({paddingLeft: '+=15'}, 200); 
									$(this).children(':first-child').stop().animate({
										top : '-=15',
										opacity : 0,
									});
									$(this).children(':last-child').stop().animate({
										opacity : 1,
									});
								},
								function(){ 
									//$(this).stop().animate({paddingLeft: '-=15'}, 200);
									$(this).children(':first-child').stop().animate({
										top : '0',
										opacity : 1,
									});
									$(this).children(':last-child').stop().animate({
										opacity : 0,
									});
								}
							);
						});					
					</script>
		</div>
		<div id="content" class="user">
		<div class="clear"></div>
			
			
